<template>
	<div>
		<view class="flex">
			
			<view class="let" @click="tabbarcance">
				取消
			</view>
			<view class="center" @click="sort">
				按时间排序
			</view>
			<view class="right" @click="tabbarcance">
				完成
			</view>
			
		</view>
	</div>
</template>

<script>
	export default {
		created() {
			
		},
		data() {
			return {
				key: 'value'
			}
		},
		methods: {
			tabbarcance() {
				this.$emit('tabBarHide','')
			},
			sort(){
				this.$emit('sortList','')
			}
			
		},
	}
</script>

<style lang='scss' scoped>
	.flex{
		position: absolute;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		background-color:#C0C0C0;
		color: #000;
		width: 100%;
		height: 45px;
		font-size: 15px;
		top: -45px;
	}
	
	
	
</style>